<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title></title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
          html,body{background:none;}
          .autoplay-tip{
            width:130px; height:34px;
            background-color:rgba(0,0,0,0.75); z-index:9999;
          }
          .autoplay-tip .txt{
            width:120px; height:34px; line-height:34px; text-align:center; font-size:13px; color:#fff;
            position:relative;
          }
          .autoplay-tip .txt .ico{
              position:absolute; right:22px; top:34px;
              height: 0; width: 0; overflow: hidden; font-size: 0; line-height: 0;
              border-color: #000 transparent transparent transparent;
              border-style: solid; border-width: 5px;
          }
      </style>
  </head>
  <body>
    <div id="App" class="autoplay-tip" v-if="!album.lang" onclick="closeMe();">
        <div class="txt">
          <span id="tip"></span>
          <div class="ico"></div>
        </div>
    </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript">
      apiready = function(){
        var auto = api.pageParam.auto;
        var txt = auto==1?'连续播放已开启':'连续播放已关闭';
        $api.text($api.byId('tip'), txt);
        closeMe = function(){
          api.closeFrame();
        }

        api.addEventListener({
            name: 'ClickAutoEvent'
        }, function(ret, err) {
          var auto = ret.value.auto;
          var txt = auto==1?'连续播放已开启':'连续播放已关闭';
          $api.text($api.byId('tip'), txt);
        });
      };

  </script>
  </html>
